<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
	  	<link rel="stylesheet" href="./stylesheets/google/family.css">
	  	<meta charset="utf-8">
	  	<!-- Always force latest IE rendering engine or request Chrome Frame -->
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	    <!-- Use title if it's in the page YAML frontmatter -->
		<title>Core Admin Theme</title>
	    <link href="./stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
	    <!--[if lt IE 9]>
	    <script src="../../javascripts/vendor/html5shiv.js" type="text/javascript"></script>
	    <script src="../../javascripts/vendor/excanvas.js" type="text/javascript"></script>
	    <![endif]-->
	    <script src="./javascripts/application.js" type="text/javascript"></script>
	    <script type="text/javascript">
			$(document).ready(function() {
				$("#mainFrame").height($(window).height()-54);
			});
			var preMenuId = "dashboard";
			function startWork(id,href){
				if (preMenuId != "") {
					$("#"+preMenuId).removeClass("active");
				}
				if ($("#"+id).attr("class") == "") {
					$("#"+id).addClass("active");
					preMenuId = id;
				}
				
				var submitForm = document.getElementById("workstart");
				submitForm.action = href;
				submitForm.submit();
			}
	    </script>
	</head>
	<body>
		<div class="navbar navbar-top navbar-inverse">
			<div class="navbar-inner">
				<div class="container-fluid">
		      		<a class="brand" href="#">Core Admin</a>
		      
				    <!-- the new toggle buttons -->
				    <ul class="nav pull-right">
				    	<li class="toggle-primary-sidebar hidden-desktop" data-toggle="collapse" data-target=".nav-collapse-primary"><button type="button" class="btn btn-navbar"><i class="icon-th-list"></i></button></li>
				        <li class="hidden-desktop" data-toggle="collapse" data-target=".nav-collapse-top"><button type="button" class="btn btn-navbar"><i class="icon-align-justify"></i></button></li>
				    </ul>
		      
					<div class="nav-collapse nav-collapse-top collapse">
						<ul class="nav full pull-right">
							<li class="dropdown user-avatar">
		                		
		                		<!-- the dropdown has a custom user-avatar class, this is the small avatar with the badge -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
		                  			<span>
		                  				<img class="menu-avatar" src="./images/avatars/avatar1.jpg" />
		                  				<span> Huliang  <i class="icon-caret-down"></i></span>
		                    			<span class="badge badge-dark-red">5</span>
		                    		</span>
		                		</a>
		                		
		               			<ul class="dropdown-menu">
		                  			<!-- the first element is the one with the big avatar, add a with-image class to it -->
				                  	<li class="with-image">
					                    <div class="avatar"><img src="./images/avatars/avatar1.jpg" /></div>
					                    <span>Huliang</span>
				                  	</li>
		                  			<li class="divider"></li>
					                <li><a href="#"><i class="icon-user"></i><span>Profile</span></a></li>
					                <li><a href="#"><i class="icon-cog"></i><span>Settings</span></a></li>
					                <li><a href="#"><i class="icon-envelope"></i><span>Messages</span><span class="label label-dark-red pull-right">5</span></a></li>
					                <li><a href="#"><i class="icon-off"></i><span>Logout</span></a></li>
		                		</ul>
							</li>
						</ul>
		            	
		            	<form class="navbar-search pull-right">
		              		<input type="text" class="search-query animated" placeholder="Search">
		              		<i class="icon-search"></i>
		            	</form>
		
		            	<ul class="nav pull-right">
		              		<li class="active"><a href="#" title="Go home"><i class="icon-home"></i> Home</a></li>
		              		<li><a href="#" title="Manage users"><i class="icon-user"></i> Users</a></li>
		              		<li class="dropdown">
		                		<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
				                <ul class="dropdown-menu">
				                	<li><a href="#">Action</a></li>
				                  	<li><a href="#">Another action</a></li>
				                  	<li><a href="#">Some link</a></li>
				                  	<li><a href="#">One more separated link</a></li>
				                </ul>
		              		</li>
		            	</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="sidebar-background">
			<div class="primary-sidebar-background"></div>
		</div>

		<div class="primary-sidebar">

  			<!-- Main nav -->
  			<ul class="nav nav-collapse collapse nav-collapse-primary">
            	<li id="dashboard" class="active">
            		<span class="glow"></span>
              		<a href="javascript:void(0);" onclick="startWork('dashboard','dashboard.html');"><i class="icon-dashboard icon-2x"></i><span>Dashboard</span></a>
            	</li>
				
				<li class="dark-nav">
              		<span class="glow"></span>
					<a class="accordion-toggle collapsed" data-toggle="collapse" href="#3hzyGPtrSk">
		            	<i class="icon-beaker icon-2x"></i><span>UI Lab<i class="icon-caret-down"></i></span>
					</a>
					<ul id="3hzyGPtrSk" class="collapse ">
	                    <li id="buttons" class=""><a href="javascript:void(0);" onclick="startWork('buttons','./pages/ui_lab/buttons.html');"><i class="icon-hand-up"></i> Buttons</a></li>
                    	<li id="general" class=""><a href="javascript:void(0);" onclick="startWork('general','./pages/ui_lab/general.html');"><i class="icon-beaker"></i> General elements</a></li>
	                    <li id="icons" class=""><a href="javascript:void(0);" onclick="startWork('icons','./pages/ui_lab/icons.html');"><i class="icon-info-sign"></i> Icons</a></li>
	                    <li id="grid" class=""><a href="javascript:void(0);" onclick="startWork('grid','./pages/ui_lab/grid.html');"><i class="icon-th-large"></i> Grid</a></li>
	                    <li id="tables" class=""><a href="javascript:void(0);" onclick="startWork('tables','./pages/ui_lab/tables.html');"><i class="icon-table"></i> Tables</a></li>
                    	<li id="widgets" class=""><a href="javascript:void(0);" onclick="startWork('widgets','./pages/ui_lab/widgets.html');"><i class="icon-plus-sign-alt"></i> Widgets</a></li>
					</ul>
				</li>
            	
            	<li id="forms" class="">
              		<span class="glow"></span>
              		<a href="javascript:void(0);" onclick="startWork('forms','./pages/forms/forms.html');"><i class="icon-edit icon-2x"></i><span>Forms</span></a>
            	</li>
            	
            	<li id="charts" class="">
              		<span class="glow"></span>
              		<a href="javascript:void(0);" onclick="startWork('charts','./pages/charts/charts.html');"><i class="icon-bar-chart icon-2x"></i><span>Charts</span></a>
            	</li>
            
            	<li class="dark-nav">
              		<span class="glow"></span>
		            <a class="accordion-toggle collapsed" data-toggle="collapse" href="#MB8CPSHAKP">
		            	<i class="icon-link icon-2x"></i><span>Others<i class="icon-caret-down"></i></span>
		            </a>
              		<ul id="MB8CPSHAKP" class="collapse ">
	                    <li id="wizard" class=""><a href="javascript:void(0);" onclick="startWork('wizard','./pages/other/wizard.html');"><i class="icon-magic"></i> Wizard</a></li>
                    	<li id="login" class=""><a href="javascript:void(0);" onclick="startWork('login','./pages/other/login.html');"><i class="icon-user"></i> Login Page</a></li>
                    	<li id="sign_up" class=""><a href="javascript:void(0);" onclick="startWork('sign_up','./pages/other/sign_up.html');"><i class="icon-user"></i> Sign Up Page</a></li>
                    	<li id="full_calendar" class=""><a href="javascript:void(0);" onclick="startWork('full_calendar','./pages/other/full_calendar.html');"><i class="icon-calendar"></i> Full Calendar</a></li>
                    	<li id="error404" class=""><a href="javascript:void(0);" onclick="startWork('error404','./pages/other/error404.html');"><i class="icon-ban-circle"></i> Error 404 page</a></li>
              		</ul>
            	</li>
			</ul>
		</div>
		<div class="main-content">
			<iframe id="mainFrame" name="mainFrame" src="./dashboard.html" width="100%" style="border: 0;"></iframe>
		</div>
		<form id="workstart" method="get" style="display:none;width: 0px;height: 0px;" title="" target="mainFrame"></form>
	</body>
	<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'huliangdream@126.com']);
    _gaq.push(['_setDomainName', 'huliangdream.com']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>
</html>